<%@ page language="java" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>专科成绩统计</title>

<script src="<%=path %>/js/b/adapter.js"></script> <!--rem适配js-->

<link rel="stylesheet" href="<%=path %>/css/b/base.css"> <!--初始化文件-->
<link rel="stylesheet" href="<%=path %>/css/b/menu.css"> <!--主样式-->
<link rel="stylesheet" href="<%=path %>/css/b/style.css">

<style type="text/css">
#content_about_text ul li {
    display: block;
    float: left;
    height: 40px;
    line-height: 40px;
    width: 13.2%;
    padding: 0px 0.5%;
}
</style>
</head>
<body>
<div>
<div>
<jsp:include page="/bs/nav.jsp"></jsp:include>

<div id="content">
	<jsp:include page="/bs/top.jsp"></jsp:include>
    <div id="content_about">
    	<div id="content_about_search">
        	<form method="post" action="">
            	<input id="search_text" type="text" placeholder="姓名查询">
                <input id="search_button_style" type="submit" value="查询">
                <input id="search_button_style1" type="button" value="添加成绩" onclick="edit('form','back')">
            </form>
        </div>
        <div id="content_about_text">
            <ul id="content_ul_top">
                <li class="content_li_border">姓名</li>
                <li class="content_li_border">专科学号</li>
                <li class="content_li_border">科目</li>
                <li class="content_li_border">考试时间</li>
                <li class="content_li_border">成绩</li>
                <li class="content_li_border">是否合格</li>
                <li class="content_li_last">操作</li>
            </ul>
            <ul id="content_ul_button">
                <li class="content_li_border">张大大</li>
                <li class="content_li_border">v1602104943040</li>
                <li class="content_li_border">java程序设计</li>
                <li class="content_li_border">2018-4-12</li>
                <li class="content_li_border">75</li>
                <li class="content_li_border">合格</li>
                <li>
					<div class="juzhong">
					  <a href="backstage_permission_change.html" class="yellow_herf">更改</a>
					</div>
				</li>
            </ul> 
            <ul id="content_ul_button">
                <li class="content_li_border">张大大</li>
                <li class="content_li_border">v1602104943040</li>
                <li class="content_li_border">java程序设计</li>
                <li class="content_li_border">2018-4-12</li>
                <li class="content_li_border">75</li>
                <li class="content_li_border">合格</li>
                <li>
					<div class="juzhong">
					  <a href="backstage_permission_change.html" class="yellow_herf">更改</a>
					</div>
				</li>
            </ul> 
            <ul id="content_ul_button">
                <li class="content_li_border">张大大</li>
                <li class="content_li_border">v1602104943000</li>
                <li class="content_li_border">java程序设计</li>
                <li class="content_li_border">2018-4-12</li>
                <li class="content_li_border">75</li>
                <li class="content_li_border">合格</li>
                <li>
					<div class="juzhong">
					  <a href="backstage_permission_change.html" class="yellow_herf">更改</a>
					</div>
				</li>
            </ul> 
            <ul id="content_ul_button">
                <li class="content_li_border">张大大</li>
                <li class="content_li_border">v1602104943000</li>
                <li class="content_li_border">java程序设计</li>
                <li class="content_li_border">2018-4-12</li>
                <li class="content_li_border">75</li>
                <li class="content_li_border">合格</li>
                <li>
					<div class="juzhong">
					  <a href="backstage_permission_change.html" class="yellow_herf">更改</a>
					</div>
				</li>
            </ul> 
            <ul id="content_ul_button">
                <li class="content_li_border">张大大</li>
                <li class="content_li_border">v1602104943040</li>
                <li class="content_li_border">java程序设计</li>
                <li class="content_li_border">2018-4-12</li>
                <li class="content_li_border">75</li>
                <li class="content_li_border">合格</li>
                <li>
					<div class="juzhong">
					  <a href="backstage_permission_change.html" class="yellow_herf">更改</a>
					</div>
				</li>
            </ul> 
            <ul id="content_ul_button">
                <li class="content_li_border">张大大</li>
                <li class="content_li_border">v1602104943040</li>
                <li class="content_li_border">java程序设计</li>
                <li class="content_li_border">2018-4-12</li>
                <li class="content_li_border">75</li>
                <li class="content_li_border">合格</li>
                <li>
					<div class="juzhong">
					  <a href="backstage_permission_change.html" class="yellow_herf">更改</a>
					</div>
				</li>
            </ul> 
            <ul id="content_ul_button">
                <li class="content_li_border">张大大</li>
                <li class="content_li_border">v1602104943040</li>
                <li class="content_li_border">java程序设计</li>
                <li class="content_li_border">2018-4-12</li>
                <li class="content_li_border">75</li>
                <li class="content_li_border">合格</li>
                <li>
					<div class="juzhong">
					  <a href="backstage_permission_change.html" class="yellow_herf">更改</a>
					</div>
				</li>
            </ul> 
            <ul id="content_ul_button">
                <li class="content_li_border">张大大</li>
                <li class="content_li_border">v1602104943000</li>
                <li class="content_li_border">java程序设计</li>
                <li class="content_li_border">2018-4-12</li>
                <li class="content_li_border">75</li>
                <li class="content_li_border">合格</li>
                <li>
					<div class="juzhong">
					  <a href="backstage_permission_change.html" class="yellow_herf">更改</a>
					</div>
				</li>
            </ul> 
            <ul id="content_ul_button">
                <li class="content_li_border">张大大</li>
                <li class="content_li_border">v16021049430400</li>
                <li class="content_li_border">java程序设计</li>
                <li class="content_li_border">2018-4-12</li>
                <li class="content_li_border">75</li>
                <li class="content_li_border">合格</li>
                <li>
					<div class="juzhong">
					  <a href="backstage_permission_change.html" class="yellow_herf">更改</a>
					</div>
				</li>
            </ul> 
        </div>
        <div id="content_button_text">
        	<div id="button_text_count">共计32条数据记录</div>
            <div id="button_text_herf">
                <a href="#">上一页</a>
                <a href="#">1</a>
                <a href="#">2</a>
                <a href="#">3</a>
                <a href="#">...</a>
                <a href="#">32</a>
                <a href="#">下一页</a>
            </div>
        </div>
    </div>
</div>
</div>
<!--弹框-->
<div>
    <div id="back"></div>
    <div id="form">
    <form action="" method="post">
    	<div class="hidden-all">
        	<div class="hidden-title">添加成绩信息</div>
            <div class="hidden-input">
            	<div>姓名：</div>
                	<input class="form-input" type="text" name="" value="" /><br class="clear" />
            	<div>科目：</div>
                	<input class="form-input" type="text" name="" value="" /><br class="clear" />
            	<div>考试时间：</div>
                	<input class="form-input" type="text" name="" value="" /><br class="clear" />
                <div>成绩：</div>
                	<input class="form-input" type="text" name="" value="" /><br class="clear" />
                <div>是否合格：</div>
                	<input class="form-input" type="text" name="" value="" /><br class="clear" />
                <input id="button" type="submit" value="添加" onclick="hidePopup('form','back')" />
                <button id="button" onclick="hidePopup('form','back')" />取消</button>
            </div>
        </div>
    </form>
    </div>
</div>
</div>
<script src="<%=path %>/js/b/menu.js"></script> <!--控制js-->
<script>
	function edit(showId,backId){
		document.getElementById(showId).style.visibility = "visible";
		document.getElementById(backId).style.visibility = "visible";
	}
	
	function hidePopup(showId,backId){
		document.getElementById(showId).style.visibility = "hidden"; 
		document.getElementById(backId).style.visibility = "hidden"; 
	}
</script>
</body>
</html>